<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>联系我们</title>

    <!-- Bootstrap -->
    <link href="../../css/home/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" href="../../css/home/animate.css">
	<link rel="stylesheet" href="../../css/home/font-awesome.min.css">
	<link rel="stylesheet" href="../../css/home/font-awesome.css">
	<link rel="stylesheet" href="../../css/home/jquery.bxslider.css">
	<link rel="stylesheet" type="text/css" href="../../css/home/normalize.css" />
	<link rel="stylesheet" type="text/css" href="../../css/home/demo.css" />
	<link rel="stylesheet" type="text/css" href="../../css/home/set1.css" />
	<link href="../../css/home/overwrite.css" rel="stylesheet">
	<link href="../../css/home/style.css" rel="stylesheet">

  </head>
  <body>
	<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
		<div id="systemHead" class="container" style="width: 100%">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header" style="width: 30%">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse.collapse">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<!--固定了宽度，加了字体重量-->
				<a class="navbar-brand" href="../../index.html" style="width: 500px"><span style="font-weight: bold;padding-left: 50px">云南森林火灾大数据平台</span></a>
			</div>

			<div class="navbar-collapse collapse" style="width: 55%;">
				<div class="menu">
					<ul class="nav nav-tabs" role="tablist">
						<li role="presentation" ><a href="../../index.html">首页</a></li>
						<li role="presentation"><a href="../functionalAreas/forestDataDisplay.html">各森林数据展示</a></li>
						<li role="presentation"><a href="../functionalAreas/forestFireForecast.html">林火预测</a></li>
						<li role="presentation"><a href="../functionalAreas/dronePatrol.html">无人机巡逻</a></li>
						<li role="presentation"><a href="../functionalAreas/regionalDataDisplay.html">系统管理</a></li>

						<div style="margin-top: 10px;margin-left: 50px">
							<a style="color: #fff;margin-left: 100px" href="../loginAndRegister/login.html">登录</a>
							<a style="color: #fff; margin-left: 25px" href="../loginAndRegister/register.html">注册</a>
						</div>
					</ul>

				</div>

			</div>

		</div>
	</nav>

	<div class="map" id="allmap" style="width: 80%;height: 400px;margin: 0 auto;margin-top: 100px">

	</div>

	<div class="inner-footer">
		<div class="container">
			<div class="row" style="border-bottom: solid 1px #5bc0de">
				<div class="col-md-4 f-about">
					<a><h1><span></span>联系地址</h1></a>
					<p style="text-align: center">
						云南省昆明市呈贡区 <br>
						云南大学国家示范性软件学院
					</p>
				</div>
				<div class="col-md-4 f-about">
					<a><h1><span></span>联系电话</h1></a>
					<ul style="text-align: center">
						<li><a href="#">平台服务热线：<br> 111</a></li>
						<li><a href="#">云南森林火灾大数据平台举报电话：<br> 222</a></li>
					</ul>
				</div>
				<div class="col-md-4 f-about">
					<a><h1><span></span>联系邮箱</h1></a>
					<ul style="text-align: center">
						<li><a href="#">合作共赢：<br> 111@qq.com</a></li>
						<li><a href="#">问题询问：<br> 222@qq.com</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>

	<section id="contact-page">
        <div class="container">
            <div class="center">        
                <h2>联系我们</h2>
                <p>请填写你的信息：</p>
            </div> 
            <div class="row contact-wrap"> 
                <div class="status alert alert-success" style="display: none"></div>
                <form id="main-contact-form" class="contact-form" name="contact-form" method="post" action="sendemail.php">
                    <div class="col-sm-5 col-sm-offset-1">
                        <div class="form-group">
                            <label>姓名 *</label>
                            <input type="text" name="name" class="form-control" required="required">
                        </div>
                        <div class="form-group">
                            <label>邮箱 *</label>
                            <input type="email" name="email" class="form-control" required="required">
                        </div>
                        <div class="form-group">
                            <label>电话</label>
                            <input type="number" class="form-control">
                        </div>
                        <div class="form-group">
                            <label>公司名称</label>
                            <input type="text" class="form-control">
                        </div>                        
                    </div>
                    <div class="col-sm-5">
                        <div class="form-group">
                            <label>主题 *</label>
                            <input type="text" name="subject" class="form-control" required="required">
                        </div>
                        <div class="form-group">
                            <label>信息 *</label>
                            <textarea name="message" id="message" required="required" class="form-control" rows="8"></textarea>
                        </div>                        
                        <div class="form-group">
<!--                            <button type="submit" name="submit" class="btn btn-primary btn-lg" required="required">提交信息</button>-->
                            <button class="btn btn-primary btn-lg" required="required" id="submitMessage">提交信息</button>

                        </div>

                    </div>
                </form> 
            </div><!--/.row-->
        </div><!--/.container-->
    </section><!--/#contact-page-->
	<footer>
		<div class="last-div">
			<div class="container">
				<div class="row">
					<div class="copyright">
						© 2020 云南森林火灾大数据平台 | <a href="contactUs.html">联系我们</a>
					</div>
<!--
              All links in the footer should remain intact.
              Licenseing information is available at: http://bootstraptaste.com/license/
              You can buy this theme without footer links online at: http://bootstraptaste.com/buy/?theme=eNno
          -->
				</div>
			</div>
			<div class="container">
				<div class="row">
					<ul class="social-network">
						<li><a href="websiteIntroduction.html" data-placement="top" style="color: #fff">网站简介</a></li>
						<li><a href="partners.html" data-placement="top" style="color: #fff" >合作伙伴</a></li>
						<li><a href="teamIntroduction.html" data-placement="top" style="color: #fff" >团队介绍</a></li>
					</ul>
				</div>
			</div>

			<a href="" class="scrollup"><i class="fa fa-chevron-up"></i></a>
		</div>
	</footer>
	
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="../../js/jquery-2.1.1.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="../../js/home/bootstrap.min.js"></script>
	<script src="../../js/home/wow.min.js"></script>
	<script src="../../js/home/jquery.easing.1.3.js"></script>
	<script src="../../js/home/jquery.isotope.min.js"></script>
	<script src="../../js/home/jquery.bxslider.min.js"></script>
	<script type="text/javascript" src="../../js/home/fliplightbox.min.js"></script>
	<script src="../../js/home/functions.js"></script>
	<script type="text/javascript">$('.portfolio').flipLightBox()</script>
	<script src="https://api.map.baidu.com/api?v=2.0&ak=1a3c89ddb9bcfaf5b9dc4b62e3f2a05b"></script>
	<script>
		// 百度地图API功能
		var map = new BMap.Map("allmap");    // 创建Map实例
		map.centerAndZoom(new BMap.Point(102.86103,24.832597), 20);  // 初始化地图,设置中心点坐标和地图级别
		//添加地图类型控件
		map.addControl(new BMap.MapTypeControl({
			mapTypes:[
				BMAP_NORMAL_MAP,
				BMAP_HYBRID_MAP
			]}));
		map.setCurrentCity("云南大学-国家示范性软件学院");          // 设置地图显示的城市 此项是必须设置的
		map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩
	</script>
	<script>
		$(function (){
			$('#submitMessage').click(function (){
				window.location.href = '../../404.html'
			})
		})
	</script>
  </body>
</html>